<!DOCTYPE html>
<html>
	<head  th:include="head :: fragment_head">
		<title>我的集采</title>
	</head>
	<body class="grayBody">
		<div class="youarehere">
			<span class="opcityText"><a href="javascript:;">首页</a></span>
			<span class="trueImg"><img th:src="@{/images/blueDian.png}" src="images/blueDian.png"></span>
			<span class="trueText"><a href="javascript:;">我的集采</a></span>
		</div>
		<div class="orderTopCheck">
			<a href="javascript:;" class="active">正进行</a>
			<a href="javascript:;">已结束</a>
		</div>
		<!--未完成-->
		<div class="myorderBox">
			<div class="myorderList">
				<ul>
					<li th:each="co:${listCollect}">
						<div class="myjicai-floor1">
                            <p class="mjca-time">集采时间：<span th:text="*{co.start_time}" > 2018.12.31 12:59</span>—<span th:text="*{co.end_time}" >2019.01.23 12:59</span></p>
						</div>
						<div class="myorder-floor2">
							<div class="mf2-brand">
                                <div class="mf2-brand-left" th:text="*{co.brand}">东明石化</div>
                                <div class="mf2-brand-right"  th:each="pro:${co.listProduct}">
                                    <p><span th:text="${pro.product_name}">92#汽油（国IV）</span></p>
                                </div>
							</div>
							<div class="mf2-total">
								<p class="mf2-total-left">最新集采价：<span th:text="*{co.newPrice}">7990元/吨</span> 元/吨</p>
								<p class="mf2-total-right">我的量：<span th:text="*{co.myamount}">500吨</span> 吨</p>
							</div>
							<div class="mf2-more">
								<a th:href="'/verify/getCollectDetail?collect_number='+*{co.number}" href="/verify/getCollectDetail?collect_number">详情</a>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--已完成-->
		<div class="myorderBox" style="display: none;">
			<div class="myorderList">
				<ul>
					<li th:each="cd:${listCollected}">
						<div class="myjicai-floor1">
                            <p class="mjca-time">集采时间：<span th:text="*{cd.start_time}" > 2018.12.31 12:59</span>—<span th:text="*{cd.end_time}" >2019.01.23 12:59</span></p>
							<p class="mjc-img"><img th:src="@{/images/over.png}" src="images/over.png"/></p>
						</div>
						<div class="myorder-floor2">
							<div class="mf2-brand">
                                <div class="mf2-brand-left" th:text="*{cd.brand}">东明石化</div>
                                <div class="mf2-brand-right"  th:each="pro:${cd.listProduct}">
                                    <p><span th:text="${pro.product_name}">92#汽油（国IV）</span></p>
                                </div>
							</div>
							<div class="mf2-total">
								<p class="mf2-total-left">集采成交总金额：<span th:text="*{cd.totalPrice}">79万元</span></p>
								<p class="mf2-total-right">我的量：<span th:text="*{cd.myamount}">500吨</span></p>
							</div>
							<div class="mf2-more">
								<a href="myjicai2.html">详情</a>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="footerheight"></div>

		<div class="footer" th:include="footer :: fragment_footer"></div>
		<script type="text/javascript" th:src="@{/js/jquery.min.js}" src="js/jquery.min.js" ></script>
		<script type="text/javascript" th:src="@{/js/footer.js}" src="js/footer.js" ></script>
		<script>
			$(document).ready(function(){
				$(".footerheight").height($(".footer").height());
			})
			$(function(){
				$(".orderTopCheck a").click(function(){
					$(".orderTopCheck a").removeClass("active");
					$(this).addClass("active");
					var par = $(this).parents(".grayBody");
					par.find(".myorderBox").hide(); 
					var arr = par.find(".orderTopCheck a");
				    var brr = par.find(".myorderBox:eq("+$.inArray(this,arr)+")");
				    brr.show();
				})
			})
		</script>
	</body>
</html>
